.main{
    width:1280px;
    height:720px;
    background-image:url("../images/bg.png");
    background-size:1280px 720px;
}
.banner,.banner>img{
    width:444px;
    height:208px;
    display:block;
}
.banner{
    position:absolute;
    top:49px;
    right:38px;
}
.rule,.rule>img{
    width:828px;
    height:441px;
}
.rule{
    position: absolute;
    top:144px;
    left:44px;
}
#indexMain{
    position: absolute;
    right:53px;
    bottom:200px;
}
#indexMain>.model{
    width:354px;
    height:115px;
}
#pre{
    background-image: url("../images/enterQuestion.png");
    background-repeat: no-repeat;
    background-position: 14px 12px;
}
#next{
    background-image: url("../images/record.png");
    background-repeat: no-repeat;
    background-position: 12px 12px;
}
#back{
    background-image: url("../images/exit.png");
    background-repeat: no-repeat;
    background-position: 12px 12px;
}
/* #indexMain>.model:first-child{
    background-image: url("../images/enterQuestion.png");
    background-repeat: no-repeat;
    background-position: 14px 12px;
}
#indexMain>.model:first-child.active{
    background-image: url("../images/enterQuestion_active.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}
#indexMain>.model:last-child{
    background-image: url("../images/record.png");
    background-repeat: no-repeat;
    background-position: 12px 12px;
}
#indexMain>.model:last-child.active{
    background-image: url("../images/record_active.png");
    background-repeat: no-repeat;
    background-position: -2px 0;
} */